<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html语义化</title>
</head>
<body>
    <!--网页信息头部-->
    <header>
        <h1>网页标题货logo</h1>
    </header>
    <!--网页导航信息-->
    <nav>
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li><a href="#">咨询热线</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </nav>
    <!--无具体语义，非常适合阅读模式-->
    <main>
        <!--有意义的独立信息区域-->
        <article>
            <header>
                <h1>新闻标题</h1>
                <h2>新闻副标题</h2>
            </header>
            <!--信息内容的不同区域-->
            <section>
                文章作者，发表时间，阅读次数等等信息
            </section>
            <section>新闻主要内容</section>
            <section>
                <p>发表讨论</p>
                <article>
                    <h3>张三发表</h3>
                    <p>啊哈</p>
                </article>
                <article>
                    <h3>里斯发表</h3>
                    <p>很好</p>
                </article>
            </section>
            <footer>
                作者简介
            </footer>
        </article>
        <!--具有独立相关内容-->
        <aside>
            当前新闻相关的其他新闻内容
            <!-- 内联文本相关标签 -->
            <hr>
            <abbr title="万维网">WWW</abbr><br>
            <dfn>定义术语</dfn><br>
            <mark>高亮标记</mark><br>
            <code>int i;</code><br>
            <small>法律条文</small>
            <!-- input新增的一些类型 -->
            <input type="color" name="" id="">
            <input type="email" name="" id="">
            <input type="url" name="" id="">
            <input type="date" name="" id="">
            <input type="month" name="" id="">
            <input type="week" name="" id="">
            <input type="time" name="" id="">
            <hr>
        </aside>
    </main>
    <!--网页信息底部-->
    <footer>
        <p>页面底部</p>
        <!--指明地址信息-->
        <address>地址：江西省九江市濂溪区</address>
    </footer>

</body>
</html>